<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>手机认证</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/mobileidentify.css" />
		<script src="js/jquery.min.js"></script>
	</head>
	<body style="background: #fff;">
		<!--nav 可复用-->
		<div class="nav">
			<p onclick="javascript:history.back(-1);"><img src="images/箭头2.png" alt="" /></p>
			<p>手机认证</p>
		</div>
		<div class="mobile_bg">
			<p>举手之劳,多一份信赖</p>
		</div>
		<div class="mobile_form">
			<form action="">
				<input type="text" placeholder="请输入手机号"/>
				<input type="text" placeholder="请输入验证码"/>
				<input type="button" value="获取验证码" id="btn"></input>
				<button>确定</button>
			</form>
		</div>
		<!--bottom 可复用-->
		<div class="mumu_bottom">
			<div class="mumu_bottom_line1" onclick="javascript:window.location.href='index.html'">
				<img src="images/tab4.png" alt="穆穆" />
				<p>穆穆</p>
			</div>
			<div class="mumu_bottom_line1" onclick="javascript:window.location.href='nearby.html'">
				<img src="images/tab3.png" alt="附近" />
				<p>附近</p>
			</div>
			<div class="mumu_bottom_line1" onclick="javascript:window.location.href='personletter.html'">
				<img src="images/tab2.png" alt="信息" />
				<p>私信</p>
			</div>
			<div class="mumu_bottom_line1">
				<img src="images/tab5.png" alt="动态" onclick="javascript:window.location.href='dynamic.html'"/>
				<p>动态</p>
			</div>
			<div class="mumu_bottom_line1 active">
				<img src="images/tab1-1.png" alt="我的" />
				<p>我的</p>
			</div>
		</div>
		<script type="text/javascript">
		var wait=60;
		function time(o) {
		        if (wait == 0) {
		            o.removeAttribute("disabled");
		            o.value="获取验证码";
		            wait = 60;
		        } else {
		            o.setAttribute("disabled", true);
		            o.value="重新发送(" + wait + ")";
		            wait--;
		            setTimeout(function() {
		                time(o)
		            },
		            1000)
		        }
		    }
		document.getElementById("btn").onclick=function(){time(this);}
		</script>
	</body>
</html>
